<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<title>集赞活动</title>
	<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
body {
	background: #FFFFFF;
	overflow-x: hidden;
	max-width: 1024px;
	margin: 0 auto;
	font: normal 100%;
}
a {
	text-decoration: none;
	color: #202020;
}
ul li {
	list-style: none;
}
		.beijing{
			max-width: 640px;
	min-width: 320px;
			background-image: url(/img/bj2.png) ;
			background-size: cover;
			background-repeat: no-repeat;
			margin: 0 auto;
			padding-top: 0.75em;
			padding-bottom: 0.75em;
		}
		.top-img{
			width: 94%;
			box-shadow: 0px 0px 2px #101010;
			border-radius: 1.5em;
			margin: 0 auto;
			background-color: #FFFFFF;
		}
		.top-img .menmian{
			margin: 0 auto;
			padding-left: 0.75em;
			padding-right: 0.75em;
		}
		.top-img .menmian img{
			height: auto;
			width: 100%;
			margin: 0 auto;
            padding-bottom: 0.75em;
			padding-top: 0.75em;
		}
		.beijing h1{
			font-size: 2em;
			color: #FFFFFF;
			font-weight: bold;
			margin: 0 auto;
			text-align: center;
			padding-top: 0.5em;
		}
		.beijing .huodong{
			width: 100%;
			background:rgba(255,255,255,0.5);
			margin-bottom: 1em;
			padding-bottom: 1em;
		}
		.beijing .huodong p{
			width: 80%;
			text-align: center;
			margin: 0 auto;
			font-size: 1.125em;
			font-weight: bold;
			padding-top: 0.75em;
		}
		hr{
			border: 1px solid rgba(16,16,16,1.00);
			width: 80%;
			margin: 0 auto;
			margin-top: 0.75em;
		}
		.beijing .huodong .dianzan{
			background: #FF4081;
			border-radius: 20px;
			width: 80%;
			margin: 0 auto;
			margin-top: 0.75em;
		}
		.beijing .huodong .dianzan table{
			margin: 0 auto !important;
			width: 100%;
			padding-left: 1em;
			padding-right: 1em;
		}
		.beijing .huodong .dianzan table td h3{
			text-align: center !important;
			font-size: 1.25em;
			color: rgba(255,255,255,1.00);
		}
		.beijing .huodong .dianzan table td a{
			display: block；
		}
		.beijing .huodong .dianzan table td h2{
			color: rgba(255,255,255,1.00);
			text-align: center;
			font-size: 1em;
		}
		.beijing .huodong .dianzan table td {
			text-align: center;
		}
		.beijing .huodong .dianzan table td .xin{
			box-shadow: 0px 0px 2px #E332C7;
		}
		.beijing .paihang{
			width: 94%;
			border-radius: 20px;
			background: rgba(255,255,255,0.50);
			padding-top: 1em;
			margin: 0 auto;
		}
		.beijing .paihang h4{
			text-align: center;
			font-size: 1.75em;
			color: rgba(255,255,255,1.00)!important;
		}
		.beijing .paihang table{
			width: 100%;
			text-align: center;
			margin: 0 auto;
			padding-top: 1.5em;
		}
		.beijing .paihang table tr td{
			width: 33.3%;
		}
</style>
	</head>
	<body>
    <div class="beijing">
		<div class="top-img"><div class="menmian"><img src="<?= $model->image ?>"></div></div>
		<h1><?= $model->name ?></h1>
		<div class="huodong">
		<p>集赞送礼活动进行中</p>
			<hr>
		<p>集满<?= $model->count_1 ?>个赞：送<?= $model->gift_1 ?></p>
		<p>集满<?= $model->count_2 ?>个赞：送<?= $model->gift_2 ?></p>
		<p>集满<?= $model->count_3 ?>个赞：送<?= $model->gift_3 ?></p><p>店铺地址：<?= $model->address ?></p>
		<hr>
		<div class="dianzan"><table><tr><td><img src="/img/touxiang.png"></td><td><h3>为Ta点赞<br>

或转发参与活动</h3></td><td><a href="#"><img src="/img/xin.png" class="xin"><h2>66</h2></a></td></tr></table></div></div>
		<div class="paihang">
		<h4>人气排行榜</h4>
		<hr style="width: 95%;">
			<table><tr><td>头像</td><td>昵称</td><td>点赞数</td></tr></table>
			<table><tr><td><img src="/img/touxiang.png"></td><td>望月</td><td>66</td></tr></table>
			<table><tr><td><img src="/img/touxiang.png"></td><td>望月</td><td>66</td></tr></table>
			<table><tr><td><img src="/img/touxiang.png"></td><td>望月</td><td>66</td></tr></table>
			<table><tr><td><img src="/img/touxiang.png"></td><td>望月</td><td>66</td></tr></table>
			<table><tr><td><img src="/img/touxiang.png"></td><td>望月</td><td>66</td></tr></table>
		</div>
		</div>
</body>
</html>
